<template>
	<view class="greyBox " v-if="ruleForm">
		<view class="form">
			<view class="sortTitle">提车详情</view>
			<u-cell-group>
				<u-cell-item :title-style="cellStyle" :value-style="cellStyle" title="提车地点" 
				:value="ruleForm.buyerPickupApply.pickupAddress"
					:arrow="false"></u-cell-item>
				<u-cell-item :title-style="cellStyle" title="联系人" :value-style="cellStyle" 
				:value="ruleForm.buyerPickupApply.contactName"
					:arrow="false"></u-cell-item>
				<u-cell-item :title-style="cellStyle" title="联系方式" :value-style="cellStyle"
				:value="ruleForm.buyerPickupApply.contactMobile"
					:arrow="false"></u-cell-item>
			</u-cell-group>
			<u-cell-group>
				<u-cell-item :title-style="cellStyle" title="提车凭证" value="查看"
					@click="shows.voucher = true"></u-cell-item>
			</u-cell-group>
		</view>
		<u-popup v-model="shows.voucher" mode="center" :closeable="true" border-radius="24">
			<voucherPopup ref="voucherPopup"></voucherPopup>
		</u-popup>
		<u-toast ref="uToast" />
		<u-no-network></u-no-network>
	</view>
</template>

<script>
	import voucherPopup from '@/components/voucher.vue'
	export default {
		components: {
			voucherPopup
		},
		data() {
			return {
				shows:{
					voucher:false
				},
				cellStyle: {
					"color": '#202020',
					"font-size": '32rpx',
				},
				ruleForm:null
			}
		},
		onLoad(options) {
			this.$api.getPickupById(options).then(res=>{
				this.ruleForm = res.result
			})
		},
		onReady() {

		},
		onShow() {

		},
		methods: {


		}
	};
</script>

<style scoped lang="scss">
	/deep/ .u-cell-box {
		margin-bottom: 20rpx;
	}

	.sortTitle {
		padding: 0 30rpx;
		height: 68rpx;
		font-size: 28rpx;
		color: #666666;
		line-height: 68rpx;
	}
</style>